<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Handbag</title>
<meta name="description" content="Handbag" />

<script src="../../../assets/js/jquery-1.4.4.min.js"></script>

<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
  
    <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />


<link rel="stylesheet" href="../../../assets/third_party/nivoslider/nivo-slider.css" type="text/css" media="screen" />
<script src="../../../assets/third_party/nivoslider/jquery.nivo.slider.pack.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

</head>
<body>
<div id="wrapper">	
<div id="top">
																																																	<div id="logo">

<!--LOGO WIDGET [slug:logo, library:0, widget instance:1]-->
  <div id="logo_wi_1" class="logo_0">
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../../widget/logo/0/logo_0.css" />
  
    <div class="logo_heading">
    <a href="http://localhost/gishop/">hand bag</a>
	</div>
	<div class="logo_slogan">
    your slogan here</div>
  </div>
<!--END LOGO WIDGET-->  

</div>
<!--END logo-->	
<div id="wrapper_cart" align="right">
	<table>
		<tr>
			<td>
                <!--USER BLOCK WIDGET [slug:user_block, library:0, widget instance:1]-->
                    <div id="user_block_wi_1" class="user_block_0">
                        <link rel="stylesheet" type="text/css" href="../../../widget/user_block/0/user_block_0.css" />
                        <a class="cliquable" href="#">YOUR ACCOUNT</a><br/>
                        Welcome, <a href="#" class="gris">( log in )</a>
                    </div>
                <!--END USER BLOCK WIDGET-->  
			</td>
			<td>
                <!--CART BLOCK WIDGET [slug:cart_block, library:0, widget instance:1]-->
                <div id="cart_block_wi_1" class="cart_block_0">
                    <link rel="stylesheet" type="text/css" href="../../../widget/cart_block/0/cart_block_0.css" />
                    <a class="cliquable" href="#">CART</a>
                    <br/><span class="gris">( empty )</span>
                </div>
                <!--END CART BLOCK WIDGET-->  
			</td>
		</tr>
	</table>
</div>
<!--END wrapper_cart-->		
	
</div>
<!--END top-->

<div id="wrapper_menu">
<div id="hmenu_section">
<!--HMENU WIDGET [slug:hmenu, library:0, widget instance:1]-->
  <div id="hmenu_wi_1" class="hmenu_0">
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../../widget/hmenu/0/hmenu_0.css" />
 	<style>
		/*override style here*/
		#hmenu_wi_1 {
			background:none;
		}
	</style>   
    <div id="menu">
      <ul>
        <li><a href="http://localhost/gishop/shop3" class="active">Home</a></li>
        <li><a href="http://localhost/gishop/shop3/p">Product</a></li>
        <li><a href="http://localhost/gishop/shop3/n">News</a></li>
        <li><a href="http://localhost/gishop/shop3/c">Contact</a></li>
        <li><a href="http://localhost/gishop/shop3/g">Gallery</a></li>
      </ul>
    </div>
  </div>
<!--END HMENU WIDGET-->  
</div>
	<!--END menu-->
	<div id="search" align="right">
        <!--CART SEARCH BAR WIDGET [slug:search_bar, library:0, widget instance:1]-->
        <div id="search_bar_wi_1" class="search_bar_0">
            <link rel="stylesheet" type="text/css" href="../../../widget/search_bar/0/search_bar_0.css" />
            <input name="search" value="search..." class="search_input"/>
        </div>
        <!--END SEARCH BAR WIDGET-->  
	</div>
	<!--END search-->
</div>
<!--END wrapper_menu-->	
  <div class="banner">
   
  <!--HMENU WIDGET [slug:home_banner, library:0, widget instance:1]-->
  <div id="home_banner_wi_1" class="home_banner_0"> 
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../../widget/home_banner/0/home_banner_0.css" />
    <link rel="stylesheet" href="../../../widget/home_banner/0/nivo-custom.css" type="text/css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider').nivoSlider({
                pauseTime:7000
            });
        });
    </script>
    <div id="slider" class="nivoSlider">
        <a href="#"><img src="../../../widget/home_banner/0/banner1.jpg" alt="" title="" /></a>
        <a href="#"><img src="../../../widget/home_banner/0/banner2.jpg" alt="" title="" /></a>
    </div>
  </div>
  <!--END HMENU WIDGET-->   
   </div>     
                
<div id="wrapper_content">
	<div id="wrapper_content_left">
	
<!--PRODUCT CATEGORY WIDGET [slug:product_category, library:0, widget instance:1]-->
  <div id="produc_category_wi_1" class="produc_category_0">
	<!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../../widget/product_category/0/product_category_0.css" />
	<style>
		/*override style here*/
		#produc_category_wi_1 .tree_block {
			background:#fafafa;
		}		
	</style>
    <div class="tree_block">
      <div class="tree_heading">Category</div>
      <div class="tree_list">
        <ul>
          <li><a href="http://localhost/gishop/shop3/p/listing/88">T3 Danhmuc 1</a>
            <div class="sub_menu">
              <ul>
                <li><a href="http://localhost/gishop/shop3/p/listing/91">T3 Danh muc 1.1</a></li>
                <li><a href="http://localhost/gishop/shop3/p/listing/92">T3 Danh muc 1.2</a></li>
              </ul>
            </div>
          </li>
          <li><a href="http://localhost/gishop/shop3/p/listing/89">T3 Danh muc2</a></li>
          <li><a href="http://localhost/gishop/shop3/p/listing/90">T3 Danh muc 3</a></li>
        </ul>
      </div>
    </div>
  </div>
<!--END PRODUCT CATEGORY WIDGET-->      
    
<!--END wrapper_module-->	
</div>
<!--END wrapper_content_left-->
	<div id="wrapper_content_right">
	<div class="title_home">WHAT NEW HERE ?</div>
	
<!--PRODUCT FEATURE WIDGET [slug:product_feature, library:0, widget instance:1]-->
  <div id="product_feature_wi_1" class="product_feature_0">
  <!--Load css of widget-->
  <link href="../../../widget/product_feature/0/product_feature_0.css" media="screen" rel="stylesheet" type="text/css" />
	<style>
    /* override style here*/
    #product_feature_wi_1 {
        width:779px;
		margin-top:10px;
    }
		
    #product_feature_wi_1 .product_item {
        width: 259px;
        height:330px;
    }

		#product_feature_wi_1 .product_price {
			color: #34224a;
		}
		#product_feature_wi_1 .product_add_cart {
			background-color:#34224a;
		}	
    </style>    
    <div class="list_product">
      <div class="product_item">
        <div class="product_img"> <a href="#"> <img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"> <a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">T-SHIRT FABIO BLEU ROYAL</a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 �</div>
          <div class="product_add_cart"><a href="#">Add to cart</a></div>
        </div>
      </div>
    </div>
  </div>
 <!--END PRODUCT FEATURE WIDGET-->      
    
	</div>
<!--END wrapper_content_right-->
</div>
<!--END wrapper_content-->
<div id="clear"></div>
<div id="wrapper_footer">
	<div id="link_footer"> <a href="#">Contact</a> | <a href="#">Delivery</a> | <a href="#">Legal Notice</a> | <a href="#">Terms and conditions</a> | <a href="#">About us</a> | <a href="#">Your Account</a> | <a href="#">Personal information</a> | <a href="#">Addresses</a> | <a href="#">Discount</a> | <a href="#">Order history</a></div>
	<table width="100%">
		<tr>
			<td width="100px"><img src="images/logo_small.png" alt=""/></td>
			<td><a href="#">New products</a> | <a href="#">Top sellers</a>  | <a href="#">Specials</a>  | <a href="#">Manufacturers</a>  | <a href="#">Suppliers</a> </td>
			<td align="right">
				<a href="#"><img src="images/twitter_icon.png" alt=""/></a>
				<a href="#"><img src="images/facebook_icon.png" alt=""/></a>
				<a href="#"><img src="images/youtube_icon.png" alt=""/></a>
				
			</td>
		</tr>
		</table>
		<table width="100%">
		<tr>
			<td>�2012 POWERED BY HANDBAG�. ALL RIGHT RESERVED.</td>
			<td align="right">
			<img src="images/paypal.png"/>
			</td>
		</tr>
	</table>
</div>
<!--END wrapper_footer-->	
</div>
<!--END wrapper-->
</body>
</html>